<?php defined ('_JEXEC') or die('Restricted access'); ?>
<div class="djc_images">
	<?php if (count($this->item->images) > 1) { ?>
		<div class="djc_thumbnails" id="djc_thumbnails">
		<?php for($i = 0; $i < count($this->item->images); $i++) { ?>
			<div class="djc_thumbnail">
				<a rel="<?php echo $this->item->images[$i]->large; ?>" title="<?php echo $this->item->images[$i]->caption; ?>" href="<?php echo $this->item->images[$i]->fullscreen; ?>">
					<img alt="<?php echo $this->item->images[$i]->caption; ?>" src="<?php echo $this->item->images[$i]->small; ?>" />
				</a>
			</div>
			<?php } ?>
		</div>
	<?php } ?>
	<?php for($i = 0; $i < count($this->item->images); $i++) { ?>
		<a id="djc_lb_<?php echo $i; ?>" rel="lightbox-djitem" title="<?php echo $this->item->images[$i]->caption; ?>" href="<?php echo $this->item->images[$i]->fullscreen; ?>" style="display: none;"></a>
	<?php } ?>
	<div class="djc_mainimage">
		<a id="djc_mainimagelink" rel="djc_lb_0" title="<?php echo $this->item->images[0]->caption; ?>" href="<?php echo $this->item->images[0]->fullscreen; ?>">
			<img id="djc_mainimage" alt="<?php echo $this->item->images[0]->caption; ?>" src="<?php echo $this->item->images[0]->large; ?>" />
		</a>
	</div>
</div>
<div class="djc_clear"></div>